// 最底部的正方形图片

<template>
  <div class="bg">
    <div class="banxin fatherbox">
      <div v-for="(item,index) in msg" :key="index" class="image">
        <img :src="item.url" alt="">
      </div>
      
    </div>
  </div>
</template>

<script>
export default {
 name : '',
 props : ['msg']
}
</script>

<style scoped lang="less">
  .bg {
    background-color: rgb(220, 236, 249);
    width : 100%;
    min-width: 1002px;
    .fatherbox {
      display: flex;
      justify-content: space-between;
      padding: 40px 0;
      .image {
      width: 270px;
      height: 160px;
      border: 5px solid white;
      border-radius: 3px;
      overflow: hidden;
      position: relative;
        img {
          position: absolute;
          width: 100%;
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }
</style>